<template>
	<div id="">
		<van-row>
			<van-col span="24">
				<van-col span="2" offset="1">
					<van-icon name="arrow-left" size="30" @click="icon" class="icon" />
				</van-col>
				<van-col span="21">
					<p class="texts">{{user.nickName}}</p>
				</van-col>
			</van-col>
		</van-row>
		<van-tabs v-model="activeName">
		  <van-tab title="关注" name="a">
			  <follow></follow>
		  </van-tab>
		  <van-tab title="粉丝" name="b">内容 2</van-tab>
		  <van-tab title="收藏" name="c">
			  <!-- <div id="" v-for="(item,index) in collect">
			  	<van-card
			  	  :price="item.price"
			  	  :desc="item.name"
			  	  :thumb="http+item.img"
			  	  style="margin-top: 1.25rem;"
			  	/>
			  </div> -->
			  <div id="" v-for="(item,index) in collect">
			  	<van-card
			  	  :price="item.shop_price"
			  	  :desc="item.goods_name"
			  	  :thumb="http+item.original_img"
			  	  style="margin-top: 1.25rem;"
			  	/>
			  </div>
		  </van-tab>
		</van-tabs>
	
	</div>
</template>

<script>
	import {
		mapGetters
	} from 'vuex'
	import follow from '../components/collect/follow.vue'
	export default{
		components:{
			follow,
		},
		data(){
			return{
				 activeName: 'c',
				 user:{},
				 collect:[],
				 http:'https://img.9lele.com',
			}
		},
		computed: {
			...mapGetters([
				'particulars',
				'collectList'
			])
		},
		created() {
			this.user = JSON.parse(localStorage.getItem('user'))
			// this.collect = JSON.parse(localStorage.getItem('collect'+this.user.member_id))
			// console.log(JSON.parse(localStorage.getItem('collect')))
			this.collect = this.collectList
		},
		methods:{
			icon(){
				this.$router.push('/UserMine')
			}
		}
	}
</script>

<style>
</style>
